
<template>
  <div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">组件类型</div>
      <div class="w-3/4">
        <a-input type="text" disabled v-model:value="current.component" />
      </div>
    </div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">选择标识</div>
      <div class="w-3/4">
        <a-input type="text" placeholder="用于$('')查询"  v-model:value.trim="current.selector" />
      </div>
    </div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">功能描述</div>
      <div class="w-3/4">
        <a-input type="text" v-model:value="current.describe" />
      </div>
    </div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">卡片标题</div>
      <div class="w-3/4">
        <a-input type="text" v-model:value="current.componentProps.header" />
      </div>
    </div>
  </div>
</template>
 
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "cardSetting",
  props: ["current"],
  setup(props) {
    return {};
  },
});
</script>

<style  scoped>
</style>
